<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <title>Bienvenido a BirrApp</title>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
        <meta name="keywords" content="jquery, css3, responsive, image, slider, slideshow, thumbnails, preview, elastic" />
        <link rel="shortcut icon" href="../favicon.ico"/> 
        <link rel="stylesheet" type="text/css" href="css/index.css" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Playfair+Display:400italic' rel='stylesheet' type='text/css'/>
    </h:head>
    <h:body>
        <div class="container">
            
            <div class="wrapper">
                <div id="ei-slider" class="ei-slider">
                    <ul class="ei-slider-large">
                        <li>
                            <img src="images/1.jpg" alt="image01" />
                            <div class="ei-title">
                                <h2>Bienvenido a</h2>
                                <h3>BirrApp</h3>
                            </div>
                        </li>
                        <li>
                            <img src="images/2.jpg" alt="image02" />
                            <div class="ei-title">
                                <h2>Descubra</h2>
                                <h3>Lugares...</h3>
                            </div>
                        </li>
                        <li>
                            <img src="images/3.jpg" alt="image03"/>
                            <div class="ei-title">
                                <h2>...donde disfrutar de la</h2>
                                <h3>Cerveza</h3>
                            </div>
                        </li>
                       
                    </ul><!-- ei-slider-large -->
                    <ul class="ei-slider-thumbs">
                        <li class="ei-slider-element">Current</li>
			<li></li>
                        <li> </li>
                        <li> </li>
                        
                    </ul><!-- ei-slider-thumbs -->
                </div><!-- ei-slider -->
                <h:form>
                    <div class="reference">
                        <p> <h:commandLink value="Entrar a BirrApp"
                                           action="#{introManagedBean.goToBirrApp}"/> </p>
                    </div>
                </h:form>
                
            </div><!-- wrapper -->
        </div>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
        <script type="text/javascript" src="js/jquery.eislideshow.js"></script>
        <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
        <script type="text/javascript">
            $(function() {
                $('#ei-slider').eislideshow({
					animation			: 'center',
					autoplay			: true,
					slideshow_interval	: 5000,
					titlesFactor		: 0
                });
            });
        </script>
    </h:body>
</html>

